<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="./css/index.css" rel="stylesheet" type="text/css" />
    <!-- 公共的样式start -->
    <link href="./css/common.css" rel="stylesheet" type="text/css" />
    <link href="./css/red.skin.css" rel="stylesheet" type="text/css" title="color1" data-default-color="true" />
    <link href="./css/green.skin.css" rel="stylesheet" type="text/css" title="color2" />
    <link href="./css/animate.min.css" rel="stylesheet" type="text/css" />
    <link href="./font/iconfont.css" rel="stylesheet" type="text/css" />
    <!-- 公共的样式end -->
</head>

<body>
    <!-- 公共的导航start -->
    <div class="nav-contain">
        <div class="menu">
            <div class="logo">
                <a href="/"><img src="./images/logo.png" /></a>
            </div>
            <ul>
                <a href="javascript:">
                    <li><span>网站首页</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>彩票投注</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>真人娱乐</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>体育投注</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>棋牌游戏</span></li>
                </a>
                <a href="javascript:">
                    <li class="header_hover_li"><span>电竞投注</span></li>
                </a>
                <a href="javascript:">
                    <li><span>优惠活动</span></li>
                </a>
                <a href="javascript:">
                    <li><span>联盟合作</span></li>
                </a>
            </ul>
        </div>
        <div class="login-regist">
            <form>
                <input type="text" />
                <input type="text" />
                <input value='登录' type='submit' class="btn login" />
            </form>
            <span class="regist">注册</span>
            <span class="testPlay">试玩</span>
        </div>
        <div class="login-finish active">
            <div>
                <ul class="user-fun">
                    <li>
                        <span class="icon icon-1"></span>
                        <span class="active">存款</span>
                    </li>
                    <li>
                        <span class="icon icon-2"></span>
                        <span>取款</span>
                    </li>
                    <li>
                        <span class="icon icon-3"></span>
                        <span>转账</span>
                    </li>
                    <li>
                        <span class="icon icon-4"></span>
                        <span>报表</span>
                    </li>
                </ul>
                <div class="user-info">
                    <div id="avatar-img" class="a-img-0" onclick="onSelectAvatar();"></div>
                    <div class="user-info-div">
                        <p>wan lugouji</p>
                        <span>钱包:<span style="color: #e48d8d;">123</span>元</span>
                    </div>
                    <div class="login-out">
                        <a href="javascript:">
                            <span class="icon-login-out"></span>
                            <span class="l-f-loginOut">退出</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="avatar-img-contain">
            <span data-img="0" class="avatar-select-img a-s-img-0" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="1" class="avatar-select-img a-s-img-1" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="2" class="avatar-select-img a-s-img-2" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="3" class="avatar-select-img a-s-img-3" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="4" class="avatar-select-img a-s-img-4" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="5" class="avatar-select-img a-s-img-5" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="6" class="avatar-select-img a-s-img-6" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="7" class="avatar-select-img a-s-img-7" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="8" class="avatar-select-img a-s-img-8" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="9" class="avatar-select-img a-s-img-9" onclick="onSelectTargetAvatar(this,event);"></span>
            <span data-img="10" class="avatar-select-img a-s-img-10" onclick="onSelectTargetAvatar(this,event);"></span>
        </div>
        <!-- 下拉的内容 -->
        <div class="header_m_hover" style="height: 0px;">
            <div class="header_m_hover_c lotter" style="display: block;">
                <ul>
                    <li>
                        <div class="header_m_h_img">
                            <img height="280px"  class="target-li" usemap="#jsLot"  src="./images/header/lot1.png"
                                data-default="./images/header/lot1.png" data-active="./images/header/lot1_active.png">
                            <map name="jsLot">
                                <area shape="rect" coords="0,0,470,280" href="javascript:"
                                    onclick="onTargetPage('js')" style="outline: none;" onmouseover="imgActive('jsLot')" onmouseout="imgDefault('jsLot')" />
                            </map>
                        </div>
                    </li>
                    <li>
                        <div class="header_m_h_img">
                            <img height="280px"  class="target-li" usemap="#kjLot" src="./images/header/lot2.png"
                                data-default="./images/header/lot2.png"
                                data-active="./images/header/lot2_active.png">
                                <map name="kjLot">
                                    <area shape="rect" coords="60,0,470,280"  href="javascript:" onclick="onTargetPage('kj')" style="outline: none;" onmouseover="imgActive('kjLot')" onmouseout="imgDefault('kjLot')" />
                            </map>
                        </div>
                    </li>
                    <li>
                        <div class="header_m_h_img">
                            <img height="280px"  class="target-li" usemap="#lhLot"  src="./images/header/lot3.png"
                                data-default="./images/header/lot3.png"
                                data-active="./images/header/lot3_active.png">
                                <map name="lhLot">
                                    <area shape="rect" coords="70,0,520,280"  href="javascript:" onclick="onTargetPage('lh')" style="outline: none;" onmouseover="imgActive('lhLot')" onmouseout="imgDefault('lhLot')" />
                                </map>  
                        </div>
                    </li>
                </ul>
            </div>
            <div class="header_m_hover_c real_p" style="display: none;">
                <ul>
                    <li class="real_p_rate">
                        <div>
                            <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                            <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                            <p><span style="font-size: 72px; color: #4e8cff;">1.0</span><span
                                    style="font-size: 36px;color: #4e8cff;">%</span></p>
                        </div>
                    </li>
                    <li></li>
                    <li>
                        <img src="./images/header/real_1.png" class="target-li" usemap="#eleMap" data-default="./images/header/real_1.png"
                            data-active="./images/header/real_1_active.png">
                            <map name="eleMap">
                                <area shape="rect" coords="0,0,520,280"  href="javascript:" onclick="getEleUrlData(1);" style="outline: none;" onmouseover="imgActive('eleMap')" onmouseout="imgDefault('eleMap')"/>
                            </map>  
                    </li>
                </ul>
            </div>
            <div class="header_m_hover_c ele_play" style="display: none;">
                <ul>
                    <li class="ele_play_rate">
                        <div>
                            <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                            <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                            <p><span style="font-size: 72px; color: #4e8cff;">1</span><span
                                    style="font-size: 36px;color: #4e8cff;">%</span></p>
                        </div>
                    </li>
                    <li></li>
                    <li>
                        <img src="./images/header/game.png" class="target-li" usemap="#eleGame" data-default="./images/header/game.png"
                            data-active="./images/header/game_active.png">
                            <map name="eleGame">
                                <area shape="rect" coords="0,0,520,280"  href="javascript:" onclick="getEleGameUrlData(1);" style="outline: none;" onmouseover="imgActive('eleGame')" onmouseout="imgDefault('eleGame')"/>
                            </map>  
                    </li>
                </ul>
            </div>
            <div class="header_m_hover_c sport_paly" style="display: none;">
                <ul>
                    <li class="sport_paly_rate">
                        <div>
                            <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                            <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                            <p><span style="font-size: 72px; color: #4e8cff;">1.2</span><span
                                    style="font-size: 36px;color: #4e8cff;">%</span></p>
                        </div>
                    </li>
                    <li style="width: 35%;">
                        <img src="./images/header/sport.png" class="target-li" usemap="#sportMap" data-default="./images/header/sport.png"
                            data-active="./images/header/sport_active.png">
                        <map name="sportMap">
                            <area shape="rect" coords="0,0,510,280" href="javascript:" style="outline: none;" onclick="getSportUrlData(1);" onmouseover="imgActive('sportMap')" onmouseout="imgDefault('sportMap')"/>
                        </map>
                    </li>
                    <li style="width: 35%;">
                        <img src="./images/header/sport_sbo.png" class="target-li" usemap="#sboMap"
                            data-default="./images/header/sport_sbo.png"
                            data-active="./images/header/sport_sbo_active.png">
                        <map name="sboMap">
                            <area shape="rect" coords="57,0,510,280" style="outline: none;" href="javascript:"
                                onclick="getSporSBOtUrlData()" style="outline: none;" onmouseover="imgActive('sboMap')" onmouseout="imgDefault('sboMap')"/>
                        </map>
                    </li>
                </ul>
            </div>
            <div class="header_m_hover_c ele_play" style="display: none;">
                <ul>
                    <li class="ele_play_rate">
                        <div>
                            <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                            <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                            <p><span style="font-size: 72px; color: #4e8cff;">1.2</span><span
                                    style="font-size: 36px;color: #4e8cff;">%</span></p>
                        </div>
                    </li>
                    <li></li>
                    <li>
                        <img src="./images/header/ky_game.png" class="target-li" usemap="#kyMap" data-default="./images/header/ky_game.png"
                            data-active="./images/header/ky_game_active.png">
                            <map name="kyMap">
                                <area shape="rect" coords="0,0,510,280" style="outline: none;" href="javascript:"
                                    onclick="getKYUrlData()" style="outline: none;" onmouseover="imgActive('kyMap')" onmouseout="imgDefault('kyMap')"/>
                            </map>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 公共的导航end -->
    <div class="banner">
        <ul class="bxslider">
            <li><img src="./images/banner/banner11.jpg" /></li>
            <li><img src="./images/banner/banner12.jpg" /></li>
            <li><img src="./images/banner/banner13.jpg" /></li>
            <li><img src="./images/banner/banner14.jpg" /></li>
        </ul>
    </div>
    <div class="num-contain">
        <div class="num-c">
            <ul>
                <a href="javascript:">
                    <li class="wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                        <img src="./images/b1.png" />
                        <div class="num-c-msg">
                            <div class="num-c-msg-tit btnAni">
                                <span class="large-tit">极速赛车</span>
                                <span class="small-tit">Speed racer</span>
                            </div>
                        </div>
                    </li>
                </a>
                <a href="javascript:">
                    <li class="wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                        <img src="./images/b2.png" />
                        <div class="num-c-msg">
                            <div class="num-c-msg-tit btnAni">
                                <span class="large-tit">极速飞艇</span>
                                <span class="small-tit">Danger Boat</span>
                            </div>
                        </div>
                    </li>
                </a>
                <a href="javascript:">
                    <li class="wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                        <img src="./images/b3.png" />
                        <div class="num-c-msg">
                            <div class="num-c-msg-tit btnAni">
                                <span class="large-tit">北京赛车</span>
                                <span class="small-tit">Beijing racing car</span>
                            </div>

                        </div>
                    </li>
                </a>
            </ul>
        </div>
        <div class="clear"></div>
        <div class="num-num">
            <ul>
                <li>
                    <span class="bg bg1 iconfont whl-clock"></span>
                    <span class="line"><span class="num">60</span><span class="units">秒</span></span>
                    <p class="n-n-msg">平均存款时间<br />DEPOSIT SPEED</p>
                </li>
                <li>
                    <span class="bg bg2 iconfont whl-set"></span>
                    <span class="line"><span class="num">120</span><span class="units">秒</span></span>
                    <p class="n-n-msg">平均取款时间<br />WITHDRAWL SPEED</p>
                </li>
                <li>
                    <span class="bg bg3 iconfont whl-ccmastercard"></span>
                    <span class="line"><span class="num" style="margin-left: 20px;">35</span><span
                            class="units">家</span></span>
                    <p class="n-n-msg">支付合作平台<br />RAYMENT COOPERATION</p>
                </li>
                <li>
                    <span class="bg bg4 iconfont whl-pied-piper-alt"></span>
                    <span class="line"><span class="num">18</span><span class="units">家</span></span>
                    <p class="n-n-msg">游戏合作平台<br />RLATFORM COOPERATION</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="play-contain">
        <div class="p-c" style="height: 570px; ">
            <div class="img_bg wow fadeIn" data-wow-delay="0.7s" data-wow-duration="1.5s"
                style="background: url('./images/p_i_bg1.png') no-repeat;background-size:96%"></div>
            <h2 class="wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                <span>娱乐入口</span>
                <span class="p-c-t-line">
                    <span class="f-line"></span>
                    <span class="e-line"></span>
                </span>
            </h2>
            <div class="p-c-c">
                <div class="p-c-c-left wow zoomInLeft" data-wow-delay="0.7s" data-wow-duration="1.5s">
                    <div class="p-c-l-img active">
                        <img src="./images/play_img_1.png" />
                        <img src="./images/play_img_1_d1.png" class="anim1" />
                        <img src="./images/play_img_1_d2.png" class="anim2" />
                    </div>
                    <div class="p-c-l-img">
                        <img src="./images/play_img_2.png" />
                        <img src="./images/play_img_2_d1.png" class="anim1" />
                        <img src="./images/play_img_2_d2.png" class="anim2" />
                    </div>
                    <div class="p-c-l-img">
                        <img src="./images/play_img_3.png" />
                        <img src="./images/play_img_3_d1.png" class="anim2" />
                        <img src="./images/play_img_3_d2.png" class="anim1" />
                    </div>
                    <div class="p-c-l-img">
                        <img src="./images/play_img_4.png" />
                        <img src="./images/play_img_4_d1.png" class="anim1" />
                        <img src="./images/play_img_4_d2.png" class="anim2" />
                    </div>
                    <div class="p-c-l-img">
                        <img src="./images/play_img_5.png" style="z-index: 2" />
                        <img src="./images/play_img_5_d1.png" style="z-index: 1" class="anim1" />
                        <img src="./images/play_img_5_d2.png" style="z-index: 3" class="anim2" />
                    </div>
                    <div class="p-c-l-img">
                        <img src="./images/play_img_6.png" />
                        <img src="./images/play_img_6_d1.png" class="anim1" />
                        <img src="./images/play_img_6_d2.png" class="anim2" />
                    </div>
                </div>
                <div class="p-c-c-right wow zoomInRight" data-wow-delay="0.7s" data-wow-duration="1.5s">
                    <div class="tab-c">
                        <ul>
                            <li class="one active">
                                <p class="active-hide">真人娱乐</p>
                                <div class="active-show">
                                    <span class="a-s-name">真人娱乐</span>
                                    <span class="a-s-num">01</span>
                                </div>
                            </li>
                            <li class="two">
                                <p class="active-hide">彩票游戏</p>
                                <div class="active-show">
                                    <span class="a-s-name">彩票游戏</span>
                                    <span class="a-s-num">02</span>
                                </div>
                            </li>
                            <li class="three">
                                <p class="active-hide">体育竞技</p>
                                <div class="active-show">
                                    <span class="a-s-name">体育竞技</span>
                                    <span class="a-s-num">03</span>
                                </div>
                            </li>
                            <li class="four">
                                <p class="active-hide">电竞投注</p>
                                <div class="active-show">
                                    <span class="a-s-name">电竞投注</span>
                                    <span class="a-s-num">04</span>
                                </div>
                            </li>
                            <li class="five">
                                <p class="active-hide">棋牌游戏</p>
                                <div class="active-show">
                                    <span class="a-s-name">棋牌游戏</span>
                                    <span class="a-s-num">05</span>
                                </div>
                            </li>
                            <li class="six">
                                <p class="active-hide">电子游戏</p>
                                <div class="active-show">
                                    <span class="a-s-name">电子游戏</span>
                                    <span class="a-s-num">06</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 体育竞技 -->
    <div class="play-ele-game">
        <div class="p-e-g-left wow zoomInLeft" data-wow-delay="0.7s" data-wow-duration="1s">
            <h2>
                <span>体育博彩</span>
                <span class="p-c-t-line">
                    <span class="f-line"></span>
                    <span class="e-line"></span>
                </span>
            </h2>
            <p class="p-e-g-msg1">每天300场赛事让你选择更多选择，特殊盘口、15分钟让球，大/小、独赢等独特玩法，让您时刻享受激情。</p>
            <p class="p-e-g-msg2">IM电竞最具影响力的游戏平台缔造者，开创电子竞技新纪元。</p>
            <div style="margin-left: 45px; margin-right: 45px;">
                <a class="btn btnAni" href="javascript:">利己SBO</a>
                <a class="btn btnAni" href="javascript:">IM电竞</a>
            </div>

        </div>
        <div class="p-e-g-right">
            <ul>
                <a href="javascript:">
                    <li class="p-r-1 wow zoomInDown" data-wow-delay="0.7s" data-wow-duration="1.5s">
                        <img src="./images/typc_1.jpg" width="100%" />
                        <div class="p-r-msg">
                            <h3>AUGUE DUI CONVALLIS VAMUS</h3>
                        </div>
                    </li>
                </a>
                <a href="javascript:">
                    <li class="p-r-2 wow zoomInDown" data-wow-delay="0.7s" data-wow-duration="1.5s">
                        <img src="./images/typc_2.jpg" width="100%" />
                        <div class="p-r-msg">
                            <h3>AUGUE DUI CONVALLIS VAMUS</h3>
                        </div>
                    </li>
                </a>
                <a href="javascript:">
                    <li class="p-r-3 wow zoomInDown" data-wow-delay="0.7s" data-wow-duration="1.5s">
                        <img src="./images/typc_3.jpg" width="100%" />
                        <div class="p-r-msg">
                            <h3>AUGUE DUI CONVALLIS VAMUS</h3>
                        </div>
                    </li>
                </a>
                <a href="javascript:">
                    <li class="p-r-4 wow zoomInDown" data-wow-delay="0.7s" data-wow-duration="1.5s">
                        <img src="./images/typc_4.jpg" width="100%" />
                        <div class="p-r-msg">
                            <h3>AUGUE DUI CONVALLIS VAMUS</h3>
                        </div>
                    </li>
                </a>
            </ul>
        </div>
    </div>
    <!-- 棋牌游戏 -->
    <div class="play-chess-game">
        <div class="p-c-g-c">
            <div class="p-c-g-c-head wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                <h2>
                    <span>棋牌游戏</span>
                    <span class="p-c-t-line">
                        <span class="f-line"></span>
                        <span class="e-line"></span>
                    </span>
                    <a class="btn btnAni" href="javascript:">更多</a>
                </h2>
            </div>
            <div class="p-c-g-c-list">
                <ul>
                    <a href="javascript:">
                        <li class="wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                            <img src="./images/list_img_1.jpg" />
                            <div class="one-msg">双赢棋牌最新推出的一款游戏</div>
                            <div class="one-msg-other">
                                <h3>百人牛牛</h3>
                                <p>让你体验前所未有的感觉</p>
                            </div>
                        </li>
                    </a>
                    <a href="javascript:">
                        <li class="wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                            <img src="./images/list_img_2.jpg" />
                            <div class="one-msg">双赢棋牌最新推出的一款游戏</div>
                            <div class="one-msg-other">
                                <h3>抢庄牛牛</h3>
                                <p>可以自己做庄，让你运气爆棚起来</p>
                            </div>
                        </li>
                    </a>
                    <a href="javascript:">
                        <li class="wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                            <img src="./images/list_img_3.jpg" />
                            <div class="one-msg">双赢棋牌最新推出的一款游戏</div>
                            <div class="one-msg-other">
                                <h3>抢庄牛牛</h3>
                                <p>可以自己做庄，让你运气爆棚起来</p>
                            </div>
                        </li>
                    </a>
                    <a href="javascript:">
                        <li class="wow zoomInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                            <img src="./images/list_img_4.jpg" />
                            <div class="one-msg">双赢棋牌最新推出的一款游戏</div>
                            <div class="one-msg-other">
                                <h3>捕鱼游戏</h3>
                                <p>华丽的画面让你打发时间更乐趣</p>
                            </div>
                        </li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <div class="app_down">
        <div class="a-d-c">
            <div class="a-d-c-left wow fadeInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                <div class="a-d-ios">
                    <span class="a-d-ios-img"></span>
                    <p class="a-d-msg">ios系统</p>
                    <img class="ewm" src="./images/ios_down_ewm.jpg" />
                    <div class="a-d-btn" id="winIos">
                        <span class="btnAni" onclick="showDownIOSWin()">使用帮助</span>
                    </div>
                    <div class="a-d-app-version">
                        <p>APP版本:1.3.2</p>
                        <p>更新日期:2020-04-14</p>
                        <p>文件大小:25M</p>
                    </div>
                </div>
                <div class="a-d-android">
                    <span class="a-d-android-img"></span>
                    <p class="a-d-msg">android系统</p>
                    <img class="ewm" src="./images/android_down_ewm.jpg" />
                    <div class="a-d-btn" id="winAndroid">
                        <span class="btnAni" onclick="showDownAndroidWin()">使用帮助</span>
                    </div>
                    <div class="a-d-app-version">
                        <p>APP版本:1.3.2</p>
                        <p>更新日期:2020-04-14</p>
                        <p>文件大小:25M</p>
                    </div>
                </div>
            </div>
            <div class="a-d-c-right wow fadeInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
                <ul class="bxslider_app">
                    <li>
                        <div class="bp-div">
                            <img src="./images/app_down_b01.png" />
                        </div>
                    </li>
                    <li>
                        <div class="bp-div"><img src="./images/app_down_b02.png" /></div>
                    </li>
                    <li>
                        <div class="bp-div"><img src="./images/app_down_b03.png" /></div>
                    </li>
                    <li>
                        <div class="bp-div"><img src="./images/app_down_b04.png" /></div>
                    </li>
                    <li>
                        <div class="bp-div"><img src="./images/app_down_b05.png" /></div>
                    </li>
                    <li>
                        <div class="bp-div"><img src="./images/app_down_b06.png" /></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="platform-contain clear">
        <div class="platform-c wow fadeInUp" data-wow-delay="0.7s" data-wow-duration="1.5s">
            <ul>
                <a href="javascript:">
                    <li class="p-c-li"><span class="one"></span></li>
                </a>
                <a href="javascript:">
                    <li class="p-c-li"><span class="five"></span></li>
                </a>
                <a href="javascript:">
                    <li class="p-c-li"><span class="three"></span></li>
                </a>
                <a href="javascript:">
                    <li class="p-c-li"><span class="four"></span></li>
                </a>
                <a href="javascript:">
                    <li class="p-c-li"><span class="two"></span></li>
                </a>
            </ul>
        </div>
    </div>
    <div class="win hidewin">
        <div class="win-contain win-msg-android">
            <div class="w-i-header">
                <span class="w-i-msg">安装指南</span>
                <span class="w-i-close" onclick="closeAllWin()"><img src="./images/close.png" /></span>
            </div>
            <div class="w-i-contain">
                <h3>7步轻松下载万漉国际IOS&nbsp;APP</h3>
                <p>Note : 建议使用ios9以上的系统装置</p>
                <img src="./images/down-ios.gif" height="370px" />
            </div>
        </div>
    </div>

    <div class="win hidewin">
        <div class="win-contain win-msg-c">
            <div class="w-i-header">
                <span class="w-i-msg">描述文件</span>
                <span class="w-i-close" onclick="closeAllWin()"><img src="./images/close.png" /></span>
            </div>
            <div class="w-i-contain">
                <div>
                    <h3>1. 什么是描述文件?为什么要安装?</h3>
                    <p>描述文件是经过苹果公司认证的,用来记录用户设备,请放心使用。安装描述文件,是为了将您的设备注册到苹果用户库。是安装苹果APP安装助手的必备条件。</p>
                </div>
                <div>
                    <h3>2. 安装过程卡在这里设置页面,如何解决?</h3>
                    <p>卡顿属于iOS系统的Bug。解决方案:双击Home键-上滑-关掉设置页面-重新安装即可。</p>
                </div>
                <div>
                    <h3>3. 安装描述文件时为什么要输入密码? 输入什么密码?</h3>
                    <p>为了确认是设备主人在操作,安装描述文件时需输入【解锁密码】。</p>
                </div>
            </div>
            <div class="w-i-footer">
                <div class="w-i-f-btn" onclick="closeAllWin()">关闭</div>
            </div>
        </div>
    </div>

    <div class="win hidewin">
        <div class="win-contain win-msg-android">
            <div class="w-i-header">
                <span class="w-i-msg">安装指南</span>
                <span class="w-i-close" onclick="closeAllWin()"><img src="./images/close.png" /></span>
            </div>
            <div class="w-i-contain">
                <h3>4步轻松下载万漉国际Android&nbsp;APP</h3>
                <p>Note : 建议使用安卓版本 6(含) 以上的装置</p>
                <img src="./images/down-android.gif" height="320px" />
            </div>
        </div>
    </div>

    <!-- 公共的底部start -->
    <div class="skin-set" id="skin-set">
        <div class="skin-set-img" onclick="skinChange()">
            <img src="./images/skin_set.png" class="skin-d" />
        </div>
        <div class="skin-kf-bg" onclick='window.open("http:\/\/www.example.com","_blank")'>
            <div></div>
        </div>
        <div class="skin-ewm-bg" onclick='scrollToBottom()'>
            <div></div>
        </div>
        <div class="skin-color-select">
            <span class="red-skin styleswitch" data-switchcolor="color1" style="background: #ea2c58;"></span>
            <span class="gray-skin styleswitch" data-switchcolor="color2" style="background: #48c7ec;"></span>
        </div>
    </div>
    <div class="footer-contain clear">
        <div class="footer-c">
            <ul>
                <li class="wow slideInLeft">
                    <div class="f-c-d">
                        <h3>合法牌照</h3>
                        <p class="f-c-d-one">万漉国际拥有 菲律宾政府颁发合法牌照，由PAGCOR部门授权及监管。会员大额提 现均可在澳门威尼斯人酒店提现。单日可提款1000万人民币。</p>
                        <div class="pz-img"></div>
                    </div>
                </li>
                <li class="wow slideInUp">
                    <div class="f-c-d">
                        <h3>关于我们</h3>
                        <ul class="f-c-d-two">
                            <li>新手帮助</li>
                            <li>条款与条件</li>
                            <li>隐私权规则</li>
                            <li>责任博彩</li>
                        </ul>
                    </div>
                </li>
                <li class="wow slideInUp">
                    <div class="f-c-d">
                        <h3>社交媒体</h3>
                        <ul class="f-c-d-three">
                            <li><a href="javascript:"><img src="./images/footer_link_1.png" width="70px"
                                        height="70px" /></a></li>
                            <li><a href="javascript:"><img src="./images/footer_link_2.png" width="70px"
                                        height="70px" /></a></li>
                            <li><a href="javascript:"><img src="./images/footer_link_3.png" width="70px"
                                        height="70px" /></a></li>
                            <li><a href="javascript:"><img src="./images/footer_link_4.png" width="70px"
                                        height="70px" /></a></li>
                            <li>
                                <p>客服邮箱</p>
                                <p>1187033888@qq.com</p>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="wow slideInRight">
                    <div class="f-c-d">
                        <h3>底部导航</h3>
                        <ul class="f-c-d-two">
                            <li>万漉彩票</li>
                            <li>AG真人娱乐</li>
                            <li>体育博彩</li>
                            <li>电子游戏</li>
                        </ul>
                    </div>
                </li>
            </ul>
            <p class="footer-c-msg wow slideInUp">推荐使用 火狐浏览器 谷歌浏览器 IE 11 以上浏览器 1920x1080分辨率 版权所有 ©2020万漉国际 保留所有权</p>
        </div>
    </div>
    <script type="text/javascript" src="./javascripts/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="./javascripts/modernizr.custom.js"></script>
    <script type="text/javascript" src="./javascripts/wow.min.js"></script>
    <script type="text/javascript" src="./javascripts/switch_theme.js"></script>
    <script type="text/javascript">
        function scaleNav() {
            var browser_width = $(document.body).width();
            navLeft(browser_width);
            if (browser_width < 1200) {
                $(".nav-contain").css({ "position": "relative" });
                $(".solve_nav").css("margin-top", "0px");
            } else {
                $(".nav-contain").css({ "position": "fixed" });
                $(".solve_nav").css("margin-top", "80px");
            }
            $(window).resize(function () {
                browser_width = $(document.body).width();
                navLeft(browser_width);
                if (browser_width < 1200) {
                    $(".nav-contain").css({ "position": "relative" });
                    $(".solve_nav").css("margin-top", "0px");
                } else {
                    $(".nav-contain").css({ "position": "fixed" });
                    $(".solve_nav").css("margin-top", "80px");
                }
            });
        }
        scaleNav();
        //顶部菜单的动画
        function navLeft(browser_width) {
            if (browser_width <= 1500) {
                $(".nav-contain .menu").addClass("left");
            } else {
                $(".nav-contain .menu").removeClass("left");
            }
        }
        $(window).scroll(function () {//滚动事件
            $(".avatar-img-contain").removeClass("show");
        });
        function onSelectAvatar() {
            $(".avatar-img-contain").addClass("show");
        }
        function onSelectTargetAvatar($this, e) {
            $("#avatar-img").removeAttr("class").addClass("a-img-" + parseInt($($this).attr("data-img")));
            if (e && e.stopPropagation) {
                e.stopPropagation();
            } else {
                window.event.cancelBubble = true;
            }
        }
    </script>
    <script type="text/javascript">
        $(function () {
            $(".header_hover_li").each(function (index) {
                $(this).hover(function () {
                    $(".header_m_hover_c").css({ "display": "none" });
                    $(".header_m_hover_c").eq(index).css({ "display": "block" });
                    $(".header_m_hover").css({ "height": "288px" });
                    $(".header_hover_li").removeClass("on");
                    $(".header_hover_li").eq(index).addClass("on");
                    $(".avatar-img-contain").removeClass("show"); //隐藏头像选择
                }, function () {
                    if ($(".header_m_hover").is(":hover")) { } else {
                        $(".header_m_hover_c").css({ "display": "none" });
                        $(".header_m_hover").css({ "height": "0px" });
                        $(".header_hover_li").eq(index).removeClass("on");
                    }
                    $(".header_m_hover").hover(function () { }, function () {
                        $(".header_m_hover_c").css({ "display": "none" });
                        $(".header_m_hover").css({ "height": "0px" });
                        $(".header_hover_li").eq(index).removeClass("on");
                    })
                })
            });
            //初始化wow的动画插件
            initAnima();
        });
        //css的动画插件的js初始化
        function initAnima() {
            if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
                new WOW().init();
            };
        }
        function imgActive(usemapVal){
            $targetObj=$("img[usemap='#"+usemapVal+"']");
            $targetObj.attr("src",$targetObj.attr("data-active"));
        }
        function imgDefault(usemapVal){
            $targetObj=$("img[usemap='#"+usemapVal+"']");
            $targetObj.attr("src",$targetObj.attr("data-default"));
        }
        function scrollToBottom(){//只完成了功能,其它页面需要单独的处理(调整到首页然后进行滚动到底部来)
            $('html, body').animate({scrollTop: $(document).height()-1200}, 300,"linear",function(){
                console.log("滑动到底部");
            });
        }
    </script>
    <!-- 公共的底部end -->
    <link href="./javascripts/bxslider/jquery.bxslider.css" rel="stylesheet">
    <script type="text/javascript" src="./javascripts/bxslider/jquery.bxslider.min.js"></script>
    <script type="text/javascript">
        $(function () {
            initBanner();
            initDownIosHelp();

            numAnimation(); //数字动画
            initAppDownBanner();

            playTabChange();

            scaleBrower();


        });


        //banner的动画
        function initBanner() {
            $('.bxslider').bxSlider({
                mode: 'fade',
                pager: false,
                auto: true,
                onSlideBefore:function($slideElement, oldIndex, newIndex){
                    $(".bxslider li").removeClass("wlh_banner_pre").removeClass("wlh_banner_next");
                    $(".bxslider li").eq(oldIndex).addClass("wlh_banner_pre");
                    $(".bxslider li").eq(newIndex).addClass("wlh_banner_next");
                }
            });
        }
        //下载ios的帮助的滚动
        function initDownIosHelp() {
            $('.bxslider_lc_app').bxSlider({
                pager: true,
                auto: false,
                moveSlides: 1,
                minSlides: 1,
                maxSlides: 1,
                pagerType: 'short'
            });
        }

        function numAnimation() {
            var elm = $('.num-num');//world-map-c盒子元素滚动到指定地方
            var startPos = $(elm).offset().top;
            var isScroll = true;
            $.event.add(window, "scroll", function () {
                if (isScroll) {
                    var p = $(window).scrollTop();
                    if (p > 600) {
                        $('.num-num .line .num').each(function () {//w-m-n-p数字的一个选择元素
                            $(this).prop('Counter', 0).animate({ Counter: $(this).text() }, {
                                duration: 1000,
                                easing: 'swing',
                                step: function (now) {
                                    $(this).text(Math.ceil(now));
                                }
                            });
                        });
                        isScroll = false;
                    }
                }
            });
        }

        function scaleBrower() {
            var browser_width = $(document.body).width();
            if (browser_width < 1200) {
                $(".banner").css("margin-top", "0px");
            } else {
                $(".banner").css("margin-top", "80px");
            }
            browser_width = browser_width < 1200 ? "1200" : browser_width;
            $(".play-ele-game").css({ "width": browser_width + "px", "height": 600 * browser_width / 1920 + "px" });
            $(window).resize(function () {
                browser_width = $(document.body).width();
                if (browser_width < 1200) {
                    $(".banner").css("margin-top", "0px");
                } else {
                    $(".banner").css("margin-top", "80px");
                }
                browser_width = browser_width < 1200 ? "1200" : browser_width;
                $(".play-ele-game").css({ "width": browser_width + "px", "height": 600 * browser_width / 1920 + "px" });
            });
        }


        function initAppDownBanner() {
            var countLi = $(".bxslider_app li").length;
            $('.bxslider_app').bxSlider({
                pager: false,
                auto: true,
                controls: false,
                slideWidth: 300,
                moveSlides: 1,
                minSlides: 3,
                maxSlides: 3,
                auto: true,
                onSlideBefore: function ($slideElement, oldIndex, newIndex) {
                    $(".bxslider_app li").removeClass("current");
                },
                onSlideAfter: function ($slideElement, oldIndex, newIndex) {
                    $(".bxslider_app li").eq($($slideElement).index() + 1).addClass("current");
                }
            });
        }
        /**
        * 娱乐入口的tab切换
        **/
        function playTabChange() {
            $(".tab-c li").each(function (index) {
                $(this).click(function () {
                    $(".tab-c li").removeClass("active");
                    $(".tab-c li").eq(index).addClass("active");
                    $(".p-c-l-img").removeClass("active");
                    $(".p-c-l-img").eq(index).addClass("active");
                });
            });
        }
        function showDownIOSWin() {
            closeAllWin();
            $(".win").eq(0).removeClass("hidewin");
        }

        function showDownAndroidWin() {
            closeAllWin();
            $(".win").eq(2).removeClass("hidewin");
        }

        function closeAllWin() {
            $(".win").addClass("hidewin");
        }

        function showMsgWin() {
            closeAllWin();
            $(".win").eq(1).removeClass("hidewin");
        }
    </script>
</body>

</html>